<%--
  Created by IntelliJ IDEA.
  User: zuoying
  Date: 2020/2/22
  Time: 21:25
  desc:
 --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link href="/static/css/login.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="/static/js/jQuery1.7.js"></script>
    <script type="text/javascript" src="/static/js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery1.42.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery.SuperSlide.js"></script>
    <script type="text/javascript" src="/static/js/Validform_v5.3.2_min.js"></script>

</head>
<body>
<div id="tab">
    <ul class="tab_menu">
        <li class="selected">管理员登录</li>
<%--        <li>会员登录</li>--%>
<%--        <li>教务登录</li>--%>
    </ul>
    <div class="tab_box">
        <!-- 管理员登录 -->
        <div>
            <div class="stu_error_box"></div>
            <form action="" method="post" class="stu_login_error">
                <div class="userame">
                    <label>学&nbsp;&nbsp;&nbsp;号：</label>
                    <input type="text" id="stu_username_hide" name="username" value="输入工号" nullmsg="工号不能为空！" datatype="s6-18" errormsg="工号范围在6~18个字符之间！" sucmsg="学号验证通过！"/>
                    <!--ajaxurl="demo/valid.jsp"-->
                </div>
                <div class="password">
                    <label>密&nbsp;&nbsp;&nbsp;码：</label>
                    <input type="password" id="stu_password_hide" name="password" value="输入密码" nullmsg="密码不能为空！" datatype="*6-16" errormsg="密码范围在6~16位之间！" sucmsg="密码验证通过！"/>
                </div>
                <div class="code">
                    <label>验证码：</label>
                    <input type="text" id="stu_code_hide" name="code"  value="输入验证码" nullmsg="验证码不能为空！" datatype="*4-4" errormsg="验证码有4位数！" sucmsg="验证码验证通过！"/>
                    <img src="images/captcha.jpg" title="点击更换" alt="验证码占位图"/> </div>
                <div class="remember">
                    <input type="checkbox" name="remember">
                    <label>记住密码</label>
                </div>
                <div id="login1">
                    <button type="submit">登录</button>
                </div>
            </form>
        </div>
        <!-- 管理员登录-->

    </div>
</div>
<div class="screenbg">
    <ul>
<%--        <li><a href="javascript:;"><img src="/static/images/0.jpg"></a></li>--%>
<%--        <li><a href="javascript:;"><img src="/static/images/1.jpg"></a></li>--%>
        <li><a href="javascript:;"><img src="/static/images/2.jpg"></a></li>
    </ul>
</div>
<script>
    $(document).ready(function(){
        var $tab_li = $('#tab ul li');
        $tab_li.hover(function(){
            $(this).addClass('selected').siblings().removeClass('selected');
            var index = $tab_li.index(this);
            $('div.tab_box > div').eq(index).show().siblings().hide();
        });
    });
</script>
<script type="text/javascript">
    $(function(){
        /*管理员登录信息验证*/
        $("#stu_username_hide").focus(function(){
            var username = $(this).val();
            if(username=='输入工号'){
                $(this).val('');
            }
        });
        $("#stu_username_hide").focusout(function(){
            var username = $(this).val();
            if(username==''){
                $(this).val('输入工号');
            }
        });
        $("#stu_password_hide").focus(function(){
            var username = $(this).val();
            if(username=='输入密码'){
                $(this).val('');
            }
        });
        $("#stu_password_hide").focusout(function(){
            var username = $(this).val();
            if(username==''){
                $(this).val('输入密码');
            }
        });
        $("#stu_code_hide").focus(function(){
            var username = $(this).val();
            if(username=='输入验证码'){
                $(this).val('');
            }
        });
        $("#stu_code_hide").focusout(function(){
            var username = $(this).val();
            if(username==''){
                $(this).val('输入验证码');
            }
        });
        $(".stu_login_error").Validform({
            tiptype:function(msg,o,cssctl){
                var objtip=$(".stu_error_box");
                cssctl(objtip,o.type);
                objtip.text(msg);
            },
            ajaxPost:true
        });

    });
</script>

</body>
</html>
